<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <script src="/natal/js/rem.js"></script>
    <link rel="stylesheet" href="/natal/css/style.css?v=34552">
    <link rel="stylesheet" href="/natal/css/work.css?v=3455">
    <title>一生报告</title>
</head>
<body>
<div class="money-report">
    <div class="nav" style="visibility:{$is_show_nav?'visible':'hidden'}">
        <div class="nav-box">
            <div class="bg-color" style="height: {$height/50 + 0.88}rem"></div>
            <div class="to-back" onclick="commonJsToNative('local', 'back');">
                <div class="img"></div>
            </div>
            <div class="title-name">{$data.name}</div>
        </div>
    </div>
    <div class="header-box header-box{$height}"></div>
    <div class="middle-box">
        <div class="top-box" style="margin-top:-0.16rem">
            <div class="bg-box">
                <img class="top-box-img" src="/natal/images/top-img-work.png" alt="">
                <div class="text-box">
                    <p class="pre-text">{$text.text1}</p>
                </div>
            </div>
        </div>
        <div class="unlock-recode-box {$is_expand?'expand':''} {$unlock_recode_info.recode_is_change?'change':''}" data-expand="{$unlock_recode_info.recode_is_change?1:0}">
            <div class="unlock-recode-title">
                <span class="title">购买时的档案信息</span>
                <div class="is-expand-box"><span></span></div>
            </div>
            {foreach name="unlock_recode_info.info" item="recodeInfo"}
            <div class="recode-info-box">
                <div class="recode-name-box"><img src="{$recodeInfo.avatar}" alt=""><span class="recode-name">{$recodeInfo.name}</span></div>
                {foreach name="$recodeInfo.info_list" item="listItem"}
                <div class="recode-info-item">
                    <span class="info-title">{$listItem.title}</span>
                    <span class="info-value">{$listItem.content}</span>
                </div>
                {/foreach}
            </div>
            {/foreach}
            <div class="recode-change-box">
                <img src="/natal/images/gaojing.png" alt="" class="tip-icon">
                <img src="/natal/images/close-icon.png" alt="" class="close-icon">
                <div class="change-title">检测到当前档案出生时间已发生修改</div>
                <div class="change-desc">已购买的运势内容不会随着档案的修改重新计算</div>
                <div class="change-btn">再次开通</div>
            </div>
        </div>
        <div class="curv-box">
            <div class="curv-title scrollTitle" data-index="m-1">
                <img src="/natal/images/curv-title-work.png" alt="">
            </div>
            <div class="curv-des">
                <p class="curv_des1">曲线图中年岁展示为虚岁年份</p>
                <p class="curv_des2">(例：30周岁代表实际周岁的29-30岁阶段)</p>
            </div>
            <div class="curv-area">
                <div class="curv-area-content">
                    <canvas id="curv">canvas</canvas>
                </div>
            </div>
            <div class="curv-tips">
                <div class="good"><i></i>事业机遇较多的时期</div>
                <div class="bad"><i></i>事业机遇较少的时期</div>
            </div>
        </div>
        <div class="content-box">
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-2">
                    <img src="/natal/images/title-sygnzs-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text2}</p>
                </div>
                <div class="title-item5 scrollTitle" data-index="m-2-1">
                    <img class="img-title" src="/natal/images/title-syjbtd-work.png" alt="">
                    <br>
                    <img class="img-icon" src="/natal/images/title-icon-money.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[1]['content_text'][120000]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-2-2">
                    <span class="title-name type2">正面影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[1]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[1]['content_text'][120001]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-2-3">
                    <span class="title-name type1">不利影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[1]['levels'][1]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[1]['content_text'][120002]??'无词条'}</p>
                </div>
            </div>
            <div class="item-line"></div>
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-3">
                    <img src="/natal/images/title-zyfzqxfx-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 t1-1 pre-text">{$text.text3}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-1">
                    <img src="/natal/images/title-shcydly-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120100]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-2">
                    <img src="/natal/images/title-shdzygw-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120101]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-3">
                    <img src="/natal/images/title-gzhjfx-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120102]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-4">
                    <img src="/natal/images/title-sjldxcfx-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120103]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-5">
                    <img src="/natal/images/title-zcrjfx-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120104]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-6">
                    <img src="/natal/images/title-xzdyqx-work.png" alt="">
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120105]??'无词条'}</p>
                </div>
                <div class="title-item4 scrollTitle" data-index="m-3-7">
                    <img src="/natal/images/title-zywdxfx-work.png" alt="">
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[2]['content_text'][120106]??'无词条'}</p>
                </div>
            </div>
            <div class="item-line"></div>
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-4">
                    <img src="/natal/images/title-cyfzknxfx-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text4}</p>
                </div>
                {if
                isset($data.text[3]['content_text'][12020000])||isset($data.text[3]['content_text'][12020001])||isset($data.text[3]['content_text'][12020002])}
                <div class="title-item2 scrollTitle" data-index="m-4-1">
                    <img src="/natal/images/title-nshcy-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 t1-2" style="font-size: 0.28rem">{$data.text[3]['content_text'][12020000]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-4-2">
                    <span class="title-name type2">顺利影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[3]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[3]['content_text'][12020001]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-4-3">
                    <span class="title-name type1">困难影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[3]['levels'][1]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[3]['content_text'][12020002]??'无词条'}</p>
                </div>
                {else /}
                <div class="title-item2 scrollTitle" data-index="m-4-1">
                    <img src="/natal/images/title-shptjy-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 t1-2" style="font-size: 0.28rem">{$data.text[3]['content_text'][12020003]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-4-2">
                    <span class="title-name type2">顺利影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[3]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[3]['content_text'][12020004]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-4-3">
                    <span class="title-name type1">困难影响</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[3]['levels'][1]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[3]['content_text'][12020005]??'无词条'}</p>
                </div>
                {/if}
            </div>
            <div class="item-line"></div>
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-5">
                    <img src="/natal/images/title-hhsyfzqxfx-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text5}</p>
                </div>
                {if isset($data.text[4]['content_text'][120300])}
                <div class="title-item3 scrollTitle" data-index="m-5-1">
                    <span class="title-name type2">适合合伙事业</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[4]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[4]['content_text'][120300]??'无词条'}</p>
                </div>
                {else/}
                <div class="title-item3 scrollTitle" data-index="m-5-1">
                    <span class="title-name type1">不适合合伙事业</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[4]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[4]['content_text'][120301]??'无词条'}</p>
                </div>
                {/if}
            </div>
            <div class="item-line"></div>
            <div class="item-box">
                <div class="title-box scrollTitle" data-index="m-6">
                    <img src="/natal/images/title-syfzqtfx-work.png" alt="">
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text6}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-6-1">
                    <span class="title-name type2">事业成就分析</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[5]['levels'][0]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][12040000]??'无词条'}</p>
                </div>
                <div class="title-item3 scrollTitle" data-index="m-6-2">
                    <span class="title-name type1">事业稳定性分析</span>
                    <div class="item-level" style="font-size: 0;">
                        <span class="name">影响星级</span>
                        {for start='0' end="$data.text[5]['levels'][1]"}
                        <span class="star"></span>
                        {/for}
                    </div>
                </div>
                <div class="t1-box">
                    <p class="t1 pre-text">{$text.text7}</p>
                </div>
                <div class="t5-box">
                    <p class="t1 pre-text">{$text.text8}</p>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][12040100]??'无词条'}</p>
                </div>
                <div class="t5-box">
                    <p class="t1 pre-text">{$text.text9}</p>
                </div>
                <div class="t3-box">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][12040101]??'无词条'}</p>
                </div>
                <div class="t5-box">
                    <p class="t1 pre-text">{$text.text10}</p>
                </div>
                <div class="t3-box" style="margin-bottom: 1rem">
                    <p class="t3 pre-text">{$data.text[5]['content_text'][12040102]??'无词条'}</p>
                </div>
            </div>
        </div>
        <div class="bottom-box">
            <div class="bg-box">
                <div class="text-box">
                    <p class="pre-text">{$text.end_desc}</p>
                </div>
            </div>
            <img class="bt-star" src="/natal/images/star_name.png" alt="">
            <img class="bt-img" src="/natal/images/star_bottom.png" alt="">
        </div>
    </div>
    <!--    抽屉-->
    <div class="menu-box">
        <div class="menu-button">
            <img src="/natal/images/menu-button_work.png" alt="目录"/>
        </div>
        <div class="menu-shadow" id="menu-shadow"></div>
        <div class="menu-list">
            <div class="menu-title">
                <span class="head">目录</span>
                <i class="collapse"></i>
            </div>
            <dl>
                <dt data-index="m-1">1/一生的事业运势高低</dt>
            </dl>
            <dl>
                <dt data-index="m-2">2/事业观念综述</dt>
                <dd>
                    <ul>
                        <li data-index="m-2-1"><i class="circle"></i>基本态度</li>
                        <li data-index="m-2-2"><i class="circle"></i>正面影响</li>
                        <li data-index="m-2-3"><i class="circle"></i>不利影响</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-3">3/职业发展倾向分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-3-1"><i class="circle"></i>适合从业的领域</li>
                        <li data-index="m-3-2"><i class="circle"></i>适合的职业岗位</li>
                        <li data-index="m-3-3"><i class="circle"></i>工作环境分析</li>
                        <li data-index="m-3-4"><i class="circle"></i>上级领导相处分析</li>
                        <li data-index="m-3-5"><i class="circle"></i>职场人际分析</li>
                        <li data-index="m-3-6"><i class="circle"></i>薪资待遇倾向</li>
                        <li data-index="m-3-7"><i class="circle"></i>职业稳定性分析</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-4">4/创业发展可能性分析</dt>
                <dd>
                    <ul>
                        {if
                        isset($data.text[3]['content_text'][12020000])||isset($data.text[3]['content_text'][12020001])||isset($data.text[3]['content_text'][12020002])}
                        <li data-index="m-4-1"><i class="circle"></i>适合创业</li>
                        {else/}
                        <li data-index="m-4-1"><i class="circle"></i>适合普通就业</li>
                        {/if}
                        <li data-index="m-4-2"><i class="circle"></i>顺利影响</li>
                        <li data-index="m-4-3"><i class="circle"></i>困难影响</li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-5">5/合伙事业发展倾向分析</dt>
                <dd>
                    <ul>
                        {if isset($data.text[4]['content_text'][120300])}
                        <li data-index="m-5-1"><i class="circle"></i>适合合伙事业</li>
                        {else/}
                        <li data-index="m-5-1"><i class="circle"></i>不适合合伙事业</li>
                        {/if}
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt data-index="m-6">6/事业发展前途分析</dt>
                <dd>
                    <ul>
                        <li data-index="m-6-1"><i class="circle"></i>事业成就分析</li>
                        <li data-index="m-6-2"><i class="circle"></i>事业稳定性分析</li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
</div>
{include file="../apps/web/view/public/sensors.html" /}
<script>
    window.navHeight = {$height};
    window.levels = {$levels};
    window.appType = '{$appType}';
    window.version = '{$version}';
    window.isShow = 1; // 1抽屉隐藏 2抽屉显示
</script>
<script type="text/javascript" src="/natal/js/jquery-v2.1.1.min.js"></script>
<script type="text/javascript" src="/natal/js/common.js?v=36"></script>
<script type="text/javascript" src="/natal/js/canvas.js?v=34"></script>
<script type="text/javascript">
    window.onload = function () {
        window.drawCanvas.colors = ['#A983FF', '#83FED9'];
        window.drawCanvas.initload('curv', window.levels, 0);
        $('.unlock-recode-box.expand.change .recode-change-box .change-btn').click(function (){
            commonJsToNative('local','pay_order?type=7&rid={$Request.get.rid}&gid={$Request.get.gid}&live_id={$Request.get.live_id|default="0"}&need_auth=1','再次开通','一生报告页');
        })
    }
</script>
</body>
</html>
